<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <meta name="Keywords" content="中台，互联网，大中台，软件开发，解决方案，健身，外包，商城，项目，信息发布，社区团购，教育行业，APP，小程序，校园，O2O，共享经济，运营平台，代运营，技术运维"/>
    <meta name="Description"
          content="丰富的多项目开发经验,帮助传统行业互联网化,提供内部工具类小程序,提高企业50%的工作效率.同时为企业&创业者提供大中型互联网解决方案.包含二种合作方式：项目外包,提供产品开发平台,saas服务；技术运营,为合作伙伴提供技术服务,让合作伙伴把更多的精力放在运营上。"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta http-equiv="x-dns-prefetch-control" content="on"/>
    <link rel="dns-prefetch" href="http://lazycat.jonk.top"/>
    <link rel="icon" href="./favicon.ico"/>
    <title>懒猫工作室</title>
    <script src="./js/scrollreveal.min.js"></script>
    <script src="./js/inedx.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
</head>

<body>
<!-- 页面加载 -->
<div id="loading">
    <div id="loading-center">
        <div id="loading-center-absolute">
            <div class="object" id="object_one"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_four"></div>
        </div>
    </div>
</div>
<!-- 头部区域 -->
<header>
    <!-- 顶部介绍 -->
    <div class="textTop">
        <div class="content">
            <!--                <p>欢迎光临懒猫工作室</p>-->
        </div>
    </div>
    <!-- 导航栏 -->
    <nav>
        <div class="content">
            <div class="logo">懒猫工作室</div>
            <!-- 汉堡按钮 -->
            <div class="burger">
                <div class="top-line"></div>
                <div class="middle-line"></div>
                <div class="bottom-line"></div>
            </div>
            <!-- 导航栏 -->
            <div class="nav">
                <ul>
                    <li>首页</li>
                    <li>关于我们</li>
                    <li>团队介绍</li>
                    <li>服务流程</li>
                    <li>成功案例</li>
                    <li>联系我们</li>
                </ul>
            </div>
        </div>
    </nav>
</header>

<!-- 轮播图 -->
<div class="banner">
    <!-- Swiper -->
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="bannerText">
                    <!-- 文字容器，统一由h1控制 -->
                    <h1 class="typewriter">
                        <!-- 使用span显示文字, data-text为Json格式的数组 -->
                        <span
                                id="text"
                                data-text='["懒猫工作室", "产品设计->开发->运维"]'
                        ></span>
                        <!-- 闪烁的光标 -->
                        <span class="mark"></span>
                    </h1>
                    <p>文化为引领，技术为基础，服务为核心</p>
                    <p>立即查看</p>
                </div>
                <a target="_blank" href="">
                    <img src="./images/home_bg.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <div class="bannerText">
                    <h1> APP开发（android、ios) | 微信开发 | 网站开发 | H5开发</h1>
                    <p>我们就是你的开发团队</p>
                    <p>立即查看</p>
                </div>
                <a target="_blank" href="">
                    <img src="./images/banner01.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <div class="bannerText">
                    <h1>专业互联网研发集成平台，承担你的研发任务</h1>
                    <p>自带技术平台，马上开工，迅速上线！</p>
                    <p>立即查看</p>
                </div>
                <a target="_blank" href="">
                    <img src="./images/banner03.jpg" alt="">
                </a>
            </div>
        </div>
        <!-- <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div> -->
        <div class="swiper-pagination"></div>
    </div>
</div>

<!-- 主体 -->
<main>
    <section class="bgColorWhite">
        <div class="aboutus content">
            <div class="abHd">
                <h1><span>ABOUTUS</span>关于我们</h1>
            </div>
            <div class="adBd">
                <h1>公司简介</h1>
                <p>
                    懒猫工作室自2021年06月创立以来，坚持不懈
                    的进行自我挑战，满足客户的需求变化及无法预测的市
                    场变化，继续秉持自给自足独立独步的精神，重视地球
                    环境，尽全力制造出可信赖的产品。
                </p>
                <h1>公司秉承</h1>
                <p>
                    一直秉承"以人为本、客户为尊、永续创新"的价值观，
                    坚持"以微笑收获友善， 以尊重收获理解，以责任收
                    获支持，以谦卑收获成长"的行为观向客户提供全面
                    优质的互联网应用服务。
                </p>
            </div>
        </div>
    </section>
    <!-- 服务流程 -->
    <section class="bgColorDefault">
        <div class="service content">
            <div class="hd">
                <h1><span>SERVIC</span>服务流程</h1>
            </div>
            <div class="seBd">
                <div class="seBdBox">
                    <div class="seBdBoxIcon">
                        <span></span>
                        <i class="iconfont icon-goutong"></i>
                    </div>
                    <div class="seBdBoxText">
                        <h1>需求沟通</h1>
                        <p>客户提出网站建设的基本需求，包括设计要求及功能要求</p>
                    </div>
                </div>
                <div class="seBdBox">
                    <div class="seBdBoxIcon">
                        <span></span>
                        <i class="iconfont icon-xiangmupinggu1"></i>
                    </div>
                    <div class="seBdBoxText">
                        <h1>项目评估</h1>
                        <p>根据客户提出的需求进行评估，估算出相应的时间与费用</p>
                    </div>
                </div>
                <div class="seBdBox">
                    <div class="seBdBoxIcon">
                        <span></span>
                        <i class="iconfont icon-weichexiangmutubiaoku_qiandinghetong"></i>
                    </div>
                    <div class="seBdBoxText">
                        <h1>签订合同</h1>
                        <p>合作双方确认费用、工期、合作要求的基础上，双方共同签订合同</p>
                    </div>
                </div>
                <div class="seBdBox">
                    <div class="seBdBoxIcon">
                        <span></span>
                        <i class="iconfont icon-tuandui"></i>
                    </div>
                    <div class="seBdBoxText">
                        <h1>提案阶段</h1>
                        <p>完成网站初稿DEMO设计，包括首页风格，内页风格页面</p>
                    </div>
                </div>
                <div class="seBdBox">
                    <div class="seBdBoxIcon">
                        <span></span>
                        <i class="iconfont icon-pushpin"></i>
                    </div>
                    <div class="seBdBoxText">
                        <h1>制作阶段</h1>
                        <p>客户提出网站建设的基本需求，包括设计要求及功能要求</p>
                    </div>
                </div>
                <div class="seBdBox">
                    <div class="seBdBoxIcon">
                        <span></span>
                        <i class="iconfont icon-xiangmupinggu"></i>
                    </div>
                    <div class="seBdBoxText">
                        <h1>网站验收</h1>
                        <p>根据合同条款进行网站验收，并签署网站验收确认单</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 案例赏析 -->
    <section class="bgColorWhite">
        <div class="case content">
            <div class="hd">
                <h1><span>SERVIC</span>案例赏析</h1>
            </div>
            <div class="caseBd">
                <div class="caseBdBig">
                    <a target="_blank" href=""><img src="images/ca01.png" alt=""></a>
                    <div class="caseBdBigMask">
                        <div class="caseBdBigMaskText">
                            <h1>Jonk's博客</h1>
                            <p>记录摆烂的日记</p>
                            <a target="_blank" href="https://blog.jonk.top" target="_blank"
                               class="iconfont icon-duanjiantou"></a>
                        </div>
                    </div>
                </div>
                <div class="caseBdBig">
                    <a target="_blank" href=""><img src="images/ca03.png" alt=""></a>
                    <div class="caseBdBigMask">
                        <div class="caseBdBigMaskText">
                            <h1>lazycat导航页</h1>
                            <p>个人项目导航</p>
                            <a target="_blank" href="https://jonk.top" target="_blank"
                               class="iconfont icon-duanjiantou"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 核心成员 -->
    <section class="bgColorDefault">
        <div class="member content">
            <div class="hd">
                <h1><span>MEMBER</span>核心成员</h1>
            </div>
            <div class="memberBd">
                <div class="memberBdBox">
                    <img src="./images/min.jpg" alt="">
                    <h1>Jonk</h1>
                    <p>软件工程师</p>
                    <i>01</i>
                    <div class="memberBdBoxMask">
                        <h2>QQ：969662795</h2>
                        <span>热爱、奉献、无私、一
                                个热衷于分享开源的程
                                序员</span>
                    </div>
                </div>
                <!--                    <div class="memberBdBox">-->
                <!--                        <img src="./images/yujie.jpg" alt="">-->
                <!--                        <h1>苗雨杰</h1>-->
                <!--                        <p>软件工程师</p>-->
                <!--                        <i>02</i>-->
                <!--                        <div class="memberBdBoxMask">-->
                <!--                            <h2>QQ：101110</h2>-->
                <!--                            <span>热爱、奉献、无私、一-->
                <!--                                个热衷于分享开源的程-->
                <!--                                序员</span>-->
                <!--                        </div>-->
                <!--                    </div>-->
                <!--                    <div class="memberBdBox">-->
                <!--                        <img src="./images/mao.jpg" alt="">-->
                <!--                        <h1>毛少可</h1>-->
                <!--                        <p>扫地的</p>-->
                <!--                        <i>03</i>-->
                <!--                        <div class="memberBdBoxMask">-->
                <!--                            <h2>QQ：101110</h2>-->
                <!--                            <span>热爱、奉献、无私、一-->
                <!--                                个热衷于分享开源的程-->
                <!--                                序员</span>-->
                <!--                        </div>-->
                <!--                    </div>-->
            </div>
        </div>
    </section>
    <!-- 公司新闻 -->
    <section class="bgColorWhite">
        <div class="navlist content">
            <div class="hd">
                <h1><span>MEMBER</span>公司新闻</h1>
            </div>
            <div class="navlistBd">
                <div class="navlistBdBox">
                    <div class="navlistBdBoxTime">
                        <h1>07-18</h1>
                        <span class="iconfont icon-duanjiantou"></span>
                    </div>
                    <div class="navlistBdBoxTitle">
                        <h1>2021年工作室成立</h1>
                        <p>寻找可靠的生存途径</p>
                    </div>
                </div>
                <div class="navlistBdBox">
                    <div class="navlistBdBoxTime">
                        <h1>10-10</h1>
                        <span class="iconfont icon-duanjiantou"></span>
                    </div>
                    <div class="navlistBdBoxTitle">
                        <h1>2022年个人博客，官网构建，服务器构思</h1>
                        <p>个人博客案例，官网案例，服务器构思</p>
                    </div>
                </div>
                <div class="navlistBdBox">
                    <div class="navlistBdBoxTime">
                        <h1>209-26</h1>
                        <span class="iconfont icon-duanjiantou"></span>
                    </div>
                    <div class="navlistBdBoxTitle">
                        <h1>2023年结晶</h1>
                        <p>获得我们最好的结果</p>
                    </div>
                </div>
                <div class="navlistBdBox">
                    <div class="navlistBdBoxTime">
                        <h1>11-10</h1>
                        <span class="iconfont icon-duanjiantou"></span>
                    </div>
                    <div class="navlistBdBoxTitle">
                        <h1>2023年私有服务器搭建完成</h1>
                        <p>服务器从硬件到软件统一搭建完成</p>
                    </div>
                </div>
            </div>
            <a target="_blank" class="Seemore" href="404.html">查看更多 <span class="iconfont icon-duanjiantou"></span></a>
        </div>
    </section>
</main>
<!-- 文字说明图 -->
<div class="chart">
    <img src="./images/bg.png" alt="文字说明背景图">
    <div class="chartText">
        <h1>已服务99+的用户</h1>
        <a target="_blank" href="">联系我们</a>
    </div>
</div>
<!-- 底部 -->
<footer>
    <div class="footer content">
        <div class="forHelp">
            <dl>
                <dt>服务概述</dt>
                <dd><a target="_blank" href="https://www.roovps.com/aff/KDVJXYUK">低价折扣服务器</a></dd>
                <dd><a target="_blank" href="https://jonk.top">jonk’s导航页</a></dd>
                <dd><a target="_blank" href="https://blog.jonk.top">jonk’s博客</a></dd>
                <dd><a target="_blank" href="https://lazycat.jonk.top">方舟服务器</a></dd>
                <dd><a target="_blank" href="http://lazycat.1234ark.top">方舟资料站</a></dd>
            </dl>
            <dl>
                <dt>成功案例</dt>
                <dd><a target="_blank" href="#">jonk’s导航页</a></dd>
                <dd><a target="_blank" href="#">jonk’s博客</a></dd>
                <dd><a target="_blank" href="#">jonk’方舟服务器</a></dd>
            </dl>
            <dl>
                <dt>新闻动态</dt>
                <dd><a target="_blank" href="https://cn.bing.com/">必应</a></dd>
                <dd><a target="_blank" href="https://cn.bing.com/">百度</a></dd>
            </dl>
            <dl>
                <dt>友情链接</dt>
                <dd><a target="_blank" href="https://jonk.top">jonk’s导航页</a></dd>
                <dd><a target="_blank" href="https://blog.jonk.top">jonk’s博客</a></dd>
                <dd><a target="_blank" href="https://lazycat.jonk.top">jonk’方舟服务器</a></dd>
                <dd><a target="_blank" href="http://lazycat.1234ark.top">方舟资料站</a></dd>
            </dl>
        </div>
        <div class="forDetails">
            <dl>
                <dt>联系我们</dt>
                <!--                    <dd><i class="iconfont icon-fl-renyuan"></i> 关注我们，获取最新动态信息</dd>-->
                <!--                    <dd><img src="./images/ewm.png" alt=""><img src="./images/ewm.png" alt=""></dd>-->
                <dd><i class="iconfont icon-position"></i> 懒猫工作室</dd>
                <dd><i class="iconfont icon-QQ"></i> QQ：969662795</dd>
                <dd><i class="iconfont icon-youxiang"></i> 邮箱：jonk@jonk.com</dd>
            </dl>
        </div>
    </div>
    <div class="FooterSeparate">
        <div class="content">
            <!--                <div class="footerLogo">-->
            <!--                    <h1>LOGO</h1>-->
            <!--                </div>-->
            <div class="footrCopyright">
                <p>Copyright © 2022 All Rights Reserved. 懒猫工作室 版权所有</p>
                <a target="_blank" href="https://beian.miit.gov.cn/">蜀ICP备2023000369号-1</a>
            </div>
        </div>
    </div>
</footer>
<!-- goBack -->
<div class="goBack">
    <span class="iconfont icon-top"></span>
</div>
<script src="./js/animate.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script>
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1,
        loop: true,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        // autoplay: {
        //     delay: 15000,//10秒切换一次
        // },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>
</body>

</html>